#calendarHead {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	margin-bottom: 20px;
	
}

#loadingDiv {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	display: inline;
	margin: 20px;	
	
}

.divDay {
	background-color: rgba(255, 255, 255, 0.7);
	width: 90px;
	height: 90px;
	border-color: #EFEFEF;
	border-style: dashed;
	border-width: 1px 1px 0px 0px;
	display: inline-table;
	opacity: 1;
	display: inline-table;
	cursor: pointer;
}

/* Make sure the divs in the container are selectable.*/
#calendarDiv {
	/*background-color: rgba(255, 255, 255, 0.1);*/
	border: 0px solid #FF5050;
	padding: 20px;
	border: 0px solid #FF5050;
	min-width: 700px;
}

#calendarDiv .ui-selecting {
	background: rgba(255, 102, 102, 0.7);
}

#calendarDiv .ui-selected {
	/*color: white;
	border: 1px dashed red;
	*/
	background-color: rgba(81, 183, 98, 0.7);
}

#calendarDiv .calDayToday {
	font-size: 6pt;
}

.divDayTmpDisabled {
	cursor: default;
	opacity: 0.4;
}

.divDayBooked {
	cursor: default;
}

.divDaySettled {
	background-color: rgba(255, 102, 102, 0.7);
}

.divDayInProcessing {
	background-color: rgba(49, 136, 203, 0.7);
}

.divFirstDayOfResSettled {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(right, rgba(255, 102, 102, 0.7)
		10%, rgba(255, 255, 255, 0) 40%);
}

.divFirstDayOfResInProcessing {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(right, rgba(49, 136, 203, 0.7)
		10%, rgba(255, 255, 255, 0) 40%);
}

.divEndDayOfResSettled {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(255, 102, 102, 0.7)
		10%, rgba(255, 255, 255, 0) 30%);
}

.divEndDayOfResInProcessing {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(49, 136, 203, 0.7) 10%,
		rgba(255, 255, 255, 0) 30%);
}

.divEndDayOfResInProcessingVsSettled {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(49, 136, 203, 0.7) 10%,
		rgba(255, 102, 102, 0.7) 30%);
}

.divEndDayOfResSettledVsSettled {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(255, 102, 102, 0.7)
		10%, rgba(255, 102, 102, 0.7) 30%);
}

.divEndDayOfResSettledVsInProcessing {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(255, 102, 102, 0.7)
		10%, rgba(49, 136, 203, 0.7) 30%);
}

.divEndDayOfResInProcessingVsInProcessing {
	/* background: -webkit-linear-gradient(left, transparent, #F7B5B5);
	For Safari 5.1 to 6.0
	background: -o-linear-gradient(right, transparent, #F7B5B5);
	For Opera 11.1 to 12.0
	background: -moz-linear-gradient(right, transparent, #F7B5B5);
	For Firefox 3.6 to 15
	background: linear-gradient(to right, transparent, #F7B5B5); Standard syntax */
	background-image: -moz-linear-gradient(left, rgba(49, 136, 203, 0.7) 10%,
		rgba(49, 136, 203, 0.7) 30%);
}

.divDayText {
	font-family: Georgia;
	font-size: 30px;
	text-align: center;
	padding: 0px;
	color: black;
}

.divDayFirst {
	border-width: 1px 1px 0px 1px;
}

.divWeekDayText {
	font-size: 10px;
	font-family: Georgia;
	opacity: 1;
}

.divWeekDayTextGlow {
	opacity: 1;
}

.divMonthTextOne {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia;
	color: black;
}

.divMonthText {
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia;
	color: black;
}

.divMonthTextHide {
	opacity: 0;
}

#resInfoDiv {
	width: 300px;
	background-color: rgba(49, 136, 203, 0.6);
	position: fixed;
	display: none;
}

#resInfoDiv>h2 {
	padding-left: 20px;
}

#resInfoTable {
	width: 100%;
	border: 0px;
	background-color: #EFEFEF;
	padding: 20px;
}

.resInfoTdTotal {
	border-top: 1px solid silver;
}

#resInfoTdLoading {
	vertical-align: top;
}

#resInfoTdOtherInfo {
	vertical-align: top;
}

.monthVertical {
	opacity: 0.7;
	font-family: Georgia;
	/*red --> color: rgba(255, 102, 102, 0.5);*/
	color: rgba(49, 136, 203, 0.5);
	display: inline-block;
	float: right;
	font-size: 40pt;
	position: absolute;
	transform: rotate(90deg);
	transform-origin: 20px 60px 0;
	border-left: 0px dashed #EFEFEF;
}

.monthVerticalHighlight {
	opacity: 1;
	color: rgba(49, 136, 203, 1)
	/* red -->color: rgba(255, 102, 102, 1); */
}

.monthVerticalCutOff {
	transform-origin: 110px -30px 0;
	background: -webkit-linear-gradient(#eee, #333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

form div.summaryList div {
	font-size: 42pt;
	font-family: "Open Sans";
	font-weight: bold;
	/*color: rgba(255, 255, 255, 0.9);*/
	color: black;
}

form #summaryGuests {
	font-family: "Open Sans";
	font-size: 60pt;
	font-weight: bold;
}

form #summaryTotal {
	font-size: 26pt;
}